body{ background-color: #030303;color:#ffffff;}
body, html {
    margin: 0;
    padding: 0;
    height: 100vh;
}
body {
    display: flex;
    flex-direction: column;
}

.static { overflow: hidden;margin:15px;}
.static {
    flex: 1;
    overflow: hidden;
    margin: 15px;
}

.static .box{
    float: left;
    height: 25%;
    width: 25%;
    min-width: 250px;
    overflow: hidden;
    display: flex;
    align-items: stretch; /* 子元素垂直拉伸 */
}

.static .static_item:hover{
    background-color: #232323;
}

.static .static_item{
    border: solid 1px #cccccc;
    border-radius: 5px;
    line-height: 20px;
    margin: 5px;
    /* background-color: #7eb7e1; */
    overflow: hidden;
    padding: 15px;
    flex:1;
}

.static .box h6{font-size: 16px;
    font-weight: 700;
    color: #ffffff;
    border-bottom: solid 1px #5fb878;
    padding-bottom: 5px;
    margin-bottom: 5px;}
.static .box .content{margin-bottom: 15px;min-height: 40px;}


.static .box .extender_list{margin-bottom:5px;border-bottom: solid 1px #cccc;padding-bottom: 15px;}


.static .box .function{}
.static .box .function span{/* border: solid; *//* line-height: 25px; *//* padding-top: 10px; *//* margin-bottom: -18px; *//* display: block; */float: left;margin-right: 9px;}
